<%--
  Created by IntelliJ IDEA.
  User: enfb
  Date: 2020/12/27
  Time: 19:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>心理量表结果反馈</title>

    <script type="text/javascript" src="../js/echarts.js"></script>


</head>


<body>
    <div class="row-fluid" align="center" style="margin: 100px 500px">
        <div class="col-md-3"></div>
        <div class="col-md-6">
            <div align="center">
                <h2>ENFP公关————天下没有不可能的事</h2>
            </div>
            <br>
            <div style="height: 60px;background-color: #c83939;color: #FEFEFE">
                <h3>一、你的荣格理论图形</h3>
            </div>
            <br>
            <div id="main" style="width:500px;height:400px;border:1px solid #15181A"></div>
            <div style="height: 60px;background-color: #c83939;color: #FEFEFE">
                <h3>二、基本描述</h3>
            </div>
            <div align="left" style="width: 550px;line-height:2.0;">
                <P>&nbsp;&nbsp;分析：您的性格类型倾向为“ ENFP ”(外向 直觉 思考 知觉 判断 倾向度： E57 N71 F71 P57  不假思索指数：0)</P>
                <p>&nbsp;&nbsp;热情洋溢、富有想象力。认为生活是充满很多可能性。能很快地将事情和信息联系起来，然后很自信地根据自己的判断解决问题。很需要别人的肯定，又乐于欣赏和支持别人。灵活、自然不做作，有很强的即兴发挥的能力 ，言语流畅。</p>
                <p>&nbsp;&nbsp;ENFP型的人充满热情和新思想。他们乐观、自然、富有创造性和自信，具有独创性的思想和对可能性的强烈感受。对于 ENFP型的人来说，生活是激动人生的戏剧。 ENFP型的人对可能性很感兴趣，所以他们了解所有事物中 的深远意义。他们具有洞察力，是热情的观察者，注意常规以外的任何事物。
                    ENFP型的人好奇，喜欢理解而不是判断。 ENFP型的人具有想象力、适应性和可变性，他们视灵感高于一切，常常是足智多谋的发明人。
                    ENFP型的 人不墨守成规，善于发现做事情的新方法，为思想或行为开辟新道路，并保持它们的开放。在完成新颖想法的过程中，ENFP型的人依赖冲动的能量。他们有大量的主动性，认为问题令人兴奋。
                    他们也从周围其他人中得到能 量，把自己的才能与别人的力量成功地结合在一起。 ENFP型的人具有魅力、充满生机。他们待人热情、彬彬有礼、富有同情心，愿意帮助别人解决问题。他们具有出色的洞察力和观察力，常常关心他人的发展。 ENFP型的 人避免冲突，喜欢和睦。
                    他们把更多的精力倾注于维持个人关系而不是客观事物，喜欢保持一种广泛的关系。</P>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        // 指定图表的配置项和数据
        var option = {
            title: {
                text: '荣格理论倾向示意图'
            },
            legend: {
                data: ['现状','平衡性']
            },
            radar: [
                {
                    indicator: [
                        { text: '外向(E)' },
                        { text: '直觉(S)' },
                        { text: '思考(T)' },
                        { text: '知觉(P)' },
                        { text: '判断(J)' }
                    ],
                    center: ['50%', '50%'],
                    radius: 120,
                    startAngle: 90,
                    splitNumber: 4,
                    shape: 'circle',
                    name: {
                        formatter: '【{value}】',
                        textStyle: {
                            color: '#72ACD1'
                        }
                    },
                    splitArea: {
                        areaStyle: {
                            color: ['rgba(114, 172, 209, 0.2)',
                                'rgba(114, 172, 209, 0.4)', 'rgba(114, 172, 209, 0.6)',
                                'rgba(114, 172, 209, 0.8)', 'rgba(114, 172, 209, 1)'],
                            shadowColor: 'rgba(0, 0, 0, 0.3)',
                            shadowBlur: 10
                        }
                    },
                    axisLine: {
                        lineStyle: {
                            color: 'rgba(255, 255, 255, 0.5)'
                        }
                    },
                    splitLine: {
                        lineStyle: {
                            color: 'rgba(255, 255, 255, 0.5)'
                        }
                    }
                },

            ],
            series: [
                {
                    name: '雷达图',
                    type: 'radar',
                    emphasis: {
                        lineStyle: {
                            width: 4
                        }
                    },
                    data: [
                        {
                            value: [100, 8, 0.40, -80, 2000],
                            name: '图一',
                            symbol: 'rect',
                            symbolSize: 5,
                            lineStyle: {
                                type: 'dashed'
                            }
                        },
                        {
                            value: [60, 5, 0.30, -100, 1500],
                            name: '图二',
                            areaStyle: {
                                color: 'rgba(255, 255, 255, 0.5)'
                            }
                        }
                    ]
                },
            ]
        }

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
</body>
</html>
